<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>采蜜(打卡)</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/Honey.css">
    <script src="./js/rem.js"></script>
    <script src="./assets/template/template-native.js"></script>
    <script src="./assets/zepto/zepto.min.js"></script>
    <script src="./js/Honey.js"></script>
</head>

<body>
    <div class="top_Box">
        <div class="top_box clearfix">
            <!-- topbar -->
            <div class="h_tap">
                <a class="h_back" href=""><img src="./images/Honey/返回.png" alt=""></a>
                <span>采蜜(打卡)</span>
                <a href="javascript:;">活动规则</a>
            </div>
            <div class="h_day" id="H_day_C">
                <!-- <div class="h_day_p">
                    <p>四月</p>
                    <h4>20</h4>
                    <p>宜出行</p>
                </div>
                <p class="h_day_l">你是人间的四月天，笑响点亮了两面风.......</p>
                <i class="h_r_icon"><img src="./images/Honey/日历小图标.png" alt=""></i> -->
            </div>
            <div class="h_constellation" id="H_h_constellation">
                <!-- 星座信息部分 -->
                <!-- <div>
                    <span class="h_con_t"> <i></i> 白羊座</span>
                    <span class="h_con">--可能是工作太累，今天容易有心结不开心...</span>
                </div> -->
                <!-- 星星部分 -->
                <!-- <div class="h_all_message">
                    <div class=" c1 clearfix">
                        <p>综合运势: </p>
                        <div class="oko">
                            <ul class="cleanfloat">
                                <li class="hscs">&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                            </ul>
                        </div>
                    </div>
                    <div class=" c1 clearfix">
                        <p>综合运势: </p>
                        <div class="oko">
                            <ul class="cleanfloat">
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                            </ul>
                        </div>
                    </div>
                    <div class=" c1 clearfix">
                        <p>综合运势: </p>
                        <div class="oko">
                            <ul class="cleanfloat">
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                            </ul>
                        </div>
                    </div>
                    <div class="c1 clearfix">
                        <p>综合运势: </p>
                        <div class="oko">
                            <ul class="cleanfloat">
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                                <li>&#9733;</li>
                            </ul>
                        </div>
                    </div>
                </div> -->
            </div>

        </div>
        <div class="h_b_box">
            <div class="h_b_box1">
                <div class="h_b_con">
                    <div class="_j">
                        <p>已有积分</p>
                        <p>600</p>
                    </div>
                    <div class="h_draw">
                        <div class="h_draw1">
                            <div class="h_draw2">
                                <p>签到抽奖</p>
                            </div>
                        </div>
                    </div>
                    <div class="_j">
                        <p>连续签到</p>
                        <p>3天</p>
                    </div>
                </div>
                <div class="h_j_g">
                    <img src="./images/Honey/积分活动.png" alt="">
                </div>
            </div>

        </div>
    </div>

    <!-- 日历渲染 -->
    <script type="text/template" id="H_day_Content">
        <div class="h_day_p">
            <p><%=data.calendar.day.substr(4,2)%>月</p>
            <h4><%=data.calendar.day.substr(-2,2)%></h4>
            <p><%=data.calendar.taboo%></p>
        </div>
        <p class="h_day_l"><%=data.calendar.content%></p>
        <i class="h_r_icon"><img src="./images/Honey/日历小图标.png" alt=""></i>
    </script>

    <!-- 星星渲染 -->
    <script type="text/template" id="H_constellation">
         <div>
            <span class="h_con_t"> <i></i> <%=data.constellation. name%></span>
            <span class="h_con">--<%=data.constellation. summary%> </span>
        </div>
        <div class="h_all_message">
            <!-- 星星 --> 
            <div class=" c1 clearfix">
                <p>综合运势: </p>
                <div class="oko">
                <ul class="cleanfloat">
                    <!-- Math.ceil(data.constellation.health.replace("%","")/10/2) -->
                    <% for (var i=0;i<data.constellation.health.replace("%","")/10/2;i++){%>
                    <li class="hscs">&#9733;</li> 
                    <% } %>
                    <% for (var i=0;i<4-data.constellation.health.replace("%","")/10/2;i++){%>
                    <li>&#9733;</li>
                    <% } %>  
                </ul>
                </div> 
            </div>
            <div class=" c1 clearfix">
                <p>工作运势: </p>
                <div class="oko">
                    <ul class="cleanfloat">
                      <% for (var i=0;i<data.constellation.work.replace("%","")/10/2;i++){%>
                        <li class="hscs">&#9733;</li>
                      <% } %>
                      <% for (var i=0;i<5-data.constellation.work.replace("%","")/10/2;i++){%>
                        <li>&#9733;</li>
                      <% } %> 
                    </ul>   
                </div> 
            </div>
            <div class=" c1 clearfix">
                <p>爱情运势: </p>
                <div class="oko">
                    <ul class="cleanfloat">
                    <% for (var i=0;i<data.constellation.love.replace("%","")/10/2;i++){%>
                        <li class="hscs">&#9733;</li>
                        <% } %>
                        <% for (var i=0;i<5-data.constellation.love.replace("%","")/10/2;i++){%>
                        <li>&#9733;</li>
                        <% } %> 
                    </ul>   
                </div> 
            </div>
            <div class="c1 clearfix">
                <p>财运运势: </p>
                <div class="oko">
                    <ul class="cleanfloat">
                        <% for (var i=0;i<data.constellation.money.replace("%","")/10/2;i++){%>
                        <li class="hscs">&#9733;</li>
                        <% } %>
                        <% for (var i=0;i<5-data.constellation.money.replace("%","")/10/2;i++){%>
                        <li>&#9733;</li>
                        <% } %> 
                    </ul>   
                </div> 
            </div> 
        </div>
    </script>


    <!-- <script>
        template.helper('escape', function (val) {
                return escape(val);
            });
    </script> -->
</body>

</html>